<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>男士服装</title>
    <link rel="stylesheet" href="css/nvzhuang.css">
    <link rel="stylesheet" href="css/madam.css">
</head>
<body>
<div id="main">
    <!--上边的按钮弹出框-->
    <div id="popup" class="hide">
        <div class="popup_dls">
            <dl>
                <dd style="margin-top: 30px"><a href="#">DIORMAG</a></dd>
                <dd><a href="#">DIORTV</a></dd>
                <dd><a href="#">DIOR品牌</a></dd>
            </dl>
            <dl>
                <dt>时装 及配饰</dt>
                <dd><a href="男士服装.html">男士</a></dd>
                <dd><a href="女士时装.html">女士</a></dd>
                <dd><a href="童装.html">童装</a></dd>
            </dl>
            <dl>
                <dt>香氛与美妆</dt>
                <dd><a href="#">香氛</a></dd>
                <dd><a href="#">彩妆</a></dd>
                <dd><a href="#">护肤</a></dd>
            </dl>
            <dl>
                <dt>珠宝 与腕表</dt>
                <dd><a href="珠宝.html">珠宝</a></dd>
                <dd><a href="腕表.html">腕表</a></dd>
            </dl>
        </div>
    </div>
    <!--导航-->
    <nav>
        <div id="nav">
            <!--主导航-->
            <div class="max_nav">
                <div id="mainNav" class="nav">
                    <div id="popupButtom">更改领域：男士 <span>></span></div>
                    <a href="index.html" class="">
                        <div class="logo"></div>
                    </a>
                    <div><span class="email email_icon"></span><span class="sousuo email_icon"></span></div>
                </div>
            </div>
        </div>
        <!--副导航-->
        <div id="subNav" class="nav">
            <img class="hidden" src="images/madamImg/logo-noir.jpg" alt="">
            <div><p class="sub_text"><a href="#">高级定制</a></p>
                <p class="icon"></p></div>
            <div><p class="sub_text"><a href="#">成衣</a></p>
                <p class="icon display_none"></p></div>
            <div><p class="sub_text"><a href="#">皮具</a></p>
                <p class="icon display_none"></p></div>
            <div><p class="sub_text"><a href="#">鞋履</a></p>
                <p class="icon display_none"></p></div>
            <div><p class="sub_text"><a href="#">配饰</a></p>
                <p class="icon display_none"></p></div>
        </div>

    </nav>
</div>
<!--下边的触摸框-->
<div id="sub_popup">
    <div class="sub_popup hide">
        <div class="sub_popup_con">
            <p>高级定制主页</p>
            <section>
                <div>
                    <p>2016-17 秋冬系列</p>
                    <a href="#"><img src="images/madamImg/automne-hiver-2016-17.jpg" alt=""></a>
                    <p>探索</p>
                </div>
                <div>
                    <p>2016 春夏系列</p>
                    <a href="#"><img src="images/madamImg/printemps-ete-2016.jpg" alt=""></a>
                    <p>探索</p>
                </div>
            </section>
        </div>


    </div>
    <div class="sub_popup hide">
        <div class="sub_popup_con">
            <p>时装主页</p>
            <section>
                <div>
                    <p>CRUISE 2017</p>
                    <a href="#"><img src="images/madamImg/croisiere-2017.jpg" alt=""></a>
                    <p>探索</p>
                </div>
                <div>
                    <p>2016-17秋冬系列</p>
                    <a href="#"><img src="images/madamImg/automne-hiver-2016-17.jpg" alt=""></a>
                    <p>探索</p>
                </div>
                <div>
                    <p>2016春夏系列</p>
                    <a href="#"><img src="images/madamImg/printemps-ete-2016.jpg" alt=""></a>
                    <p>探索</p>
                </div>
            </section>
        </div>
    </div>
    <div class="sub_popup hide">
        <div class="sub_popup_con">
            <p>皮具主页</p>
            <section class="sub_popup_con_dif">
                <div>
                    <dl>
                        <dt>手提包</dt>
                        <dd><a href="#">LADY DIOR</a></dd>
                        <dd><a href="#">DIORAMA</a></dd>
                        <dd><a href="#">DIORAMA CLUB</a></dd>
                        <dd><a href="#">DIOREVER</a></dd>
                        <dd><a href="#">DIORISSIMO</a></dd>
                        <dd><a href="#">BE DIOR</a></dd>
                        <dd><a href="#">手提包</a></dd>
                        <dd><a href="#">STARDUST</a></dd>
                    </dl>
                </div>
                <div>
                    <dl>
                        <dt>小型皮具</dt>
                        <dd><a href="#">手包</a></dd>
                        <dd><a href="#">钱包</a></dd>
                        <dd><a href="#">零钱包 & 卡套</a></dd>
                        <dd><a href="#">手提包挂饰</a></dd>
                        <dd><a href="#">手机套</a></dd>
                        <dd><a href="#"> 所有小型皮具</a></dd>
                    </dl>
                </div>
                <div>
                    <dl>
                        <dt>系列</dt>
                        <dd><a href="#">2016秋季</a></dd>
                    </dl>
                </div>
                <div>
                    <p>头条新闻</p>
                    <a href="#"><img src="images/madamImg/2016年秋季系列_width_681.jpg" alt=""></a>
                    <p>探索LADY DIOR手提包</p>
                </div>
            </section>
        </div>

    </div>
    <div class="sub_popup hide">
        <div class="sub_popup_con">
            <p>鞋履主页</p>
            <section class="sub_popup_con_dif">
                <div>
                    <dl>
                        <dt>鞋履</dt>
                        <dd><a href="#">高跟鞋&凉鞋</a></dd>
                        <dd><a href="#">短靴&德比鞋</a></dd>
                        <dd><a href="#"> 运动鞋</a></dd>
                        <dd><a href="#"> 平底鞋</a></dd>
                    </dl>
                </div>
                <div>
                    <dl>
                        <dt>系列</dt>
                        <dd><a href="#">2016秋季</a></dd>
                    </dl>
                </div>
                <div>
                    <p>头条新闻</p>
                    <a href="#"><img src="images/madamImg/a-la-une.jpg" alt=""></a>
                    <p>探索SONGE高跟鞋</p>
                </div>
            </section>
        </div>

    </div>
    <div class="sub_popup hide">
        <div class="sub_popup_con">
            <p>配饰主页 </p>
            <section class="sub_popup_con_dif">
                <div>
                    <dl>
                        <dt>配饰</dt>
                        <dd><a href="#">太阳眼镜</a></dd>
                        <dd><a href="#">丝巾</a></dd>
                        <dd><a href="#">披肩</a></dd>
                        <dd><a href="#">手套</a></dd>
                        <dd><a href="#">皮带</a></dd>
                        <dd><a href="#">MITZAH围巾</a></dd>
                        <dd><a href="#">MITZAH ABC DIOR</a></dd>
                    </dl>
                </div>

                <div>
                    <dl>
                        <dt>项链</dt>
                        <dd><a href="#">手链/手镯</a></dd>
                        <dd><a href="#">戒指</a></dd>
                        <dd><a href="#">MISE EN DIOR</a></dd>
                        <dd><a href="#">DIOR TRIBALES</a></dd>
                    </dl>
                </div>
                <div>
                    <dl>
                        <dt>系列</dt>
                        <dd><a href="#">2016秋季</a></dd>
                    </dl>
                </div>
                <div>
                    <p>头条新闻</p>
                    <a href="#"><img src="images/madamImg/a-la-une (1).jpg" alt=""></a>
                    <p>DIOR SO REAL太阳眼镜</p>
                </div>
            </section>
        </div>

    </div>
</div>
<!--邮箱弹出框-->
<div id="email_popup" class="popup_s display_none">
    <p>更多彩妆教程</p>
    <p>独家视频，专业咨询，工坊内部，最新作品。订阅Dior迪奥电子通讯，优先了解品牌的新闻。</p>
    <form action="" method="post">
        <select name="chengwei" id="chengwei">
            <option value="" hidden>称谓</option>
            <option value="">小姐</option>
            <option value="">男士</option>
            <option value="">女士</option>
        </select>
        <input class="biaodan" name="name" type="text" placeholder="姓氏">
        <input class="biaodan" name="name1" type="text" placeholder="名字">
        <input class="biaodan" name="email" type="email" placeholder="邮箱">
        <p>您感兴趣的领域</p>
        <input type="checkbox" name="shizhuang">时装与配饰
        <input type="checkbox" name="xiangfen">香氛与彩妆
        <input class="biaodan" type="submit" value="确认">
        <p>点击确认，表明您已同意接收来自Dior迪奥的最新资讯</p>
    </form>
</div>
<!--搜索弹出框-->
<div id="sousuo_popup" class="popup_s display_none">
    <p>搜寻</p>
    <form action="">
        <input type="text">
        <input type="submit" value="查找">
    </form>
    <p>搜寻建议</p>
    <div class="souxun">
        <a href="#">LADY DIOR手提包</a>
        <a href="#">-DIORAMA手提包</a>
        <a href="#">-DIOREVER手提包</a>
        <a href="#">DIOR SO REAL太阳眼镜</a>
        <a href="#">-DIOR SPLIT太阳眼镜</a>
        <a href="#">-DIOR TRIBALES</a>
        <a href="#">OUI戒指</a>
        <a href="#">-ROSE DES VENTS珠宝</a>
        <a href="#">-高跟鞋</a>
        <a href="#">-DIOR FUSION运动鞋</a>
    </div>
    <div>搜寻精品店 <input type="submit" value="查找"></div>
</div>
<div class="container">
    <div class="quan">
        <!--第一组图-->
        <div class="shang1">
            <div class="left">
                <p>时尚男装</p>
            </div>
            <div class="right">
                <a href="#">
                    <img src="img/QQ截图20160731185656.png" alt="视频加载失败...">
                </a>
            </div>
        </div>
        <!--第二组图-->
        <div class="quan2">
            <div class="left2">
                <a class="tu1" href="#">
                    <img src="img/2016年秋季系列_width_6811.jpg" alt=""/>
                </a>
                <div class="zi">
                    <p class="zip">麻衣</p>
                    <p class="zip2">2016/1017冬季系列</p>
                </div>
                <a class="tu2" href="#">
                    <img src="img/2016年夏季系列_width_681%20(1).jpg" alt=""/>
                </a>
                <div class="zi">
                    <p class="zip">皮具</p>
                    <p class="zip2">2016年秋季系列</p>
                </div>
            </div>

            <div class="right2">
                <a class="tu3" href="#">
                    <img src="img/2016年夏季系列_width_6811.jpg" alt=""/>
                </a>
                <div class="zi">
                    <p class="zip">鞋履</p>
                    <p class="zip2">2016秋季系列</p>
                </div>
                <a class="tu4" href="#">
                    <img src="img/dior-homme-2017年夏季系列时装秀_width_681.jpg" alt=""/>
                </a>
                <div class="zi">
                    <p class="zip">男士时装</p>
                    <p class="zip2">DIOR HOMME 2017年夏季系列时装秀</p>
                </div>
            </div>
        </div>
        <div style="margin: 0 auto;width: 1400px;height: 1px;background: #0f0f0f;
	margin-top: 1560px;opacity: 0.1"></div>
        <div style="clear:both;"></div>

        <!--第三组图-->
        <div class="more">
            <div class="leftmore">
                <div class="more2">
                    <img class="moretu1" src="img/diormag_height_40.jpg" alt=""/>
                </div>
                <div class="more3">
                    <a href="#">
                        <img class="moretu2" src="img/prehome_dhsummer17_accessoires_0.jpg" alt=""/>
                    </a>
                </div>
                <span>28.06  焦点</span>
            </div>
            <div class="centre">
                <div>
                    <img class="centretu1" src="img/迪奥品牌世界_height_40.jpg" alt=""/>
                </div>
                <div>
                    <a href="#">
                        <img class="centretu2" src="img/迪奥品牌世界1.jpg" alt=""/>
                    </a>
                </div>
                <span>迪奥品牌世界</span>
            </div>
            <div class="rightmore">
                <div>
                    <img class="rightmoretu1" src="img/迪奥品牌短片_height_40.png" alt=""/>
                </div>
                <div>
                    <a href="#">
                        <img class="rightmoretu2" src="img/迪奥品牌短片1.gif" alt=""/>
                    </a>
                </div>
                <span>迪奥品牌短片</span>
            </div>
        </div>
        <div id="popup_fo" class="popup">
            <dl>
                <dt>EUROPE</dt>
                <dd><a href="#">BELGIQUE</a></dd>
                <dd><a href="#">BELGIUM</a></dd>
                <dd><a href="#">DEUTSCHLAND</a></dd>
                <dd><a href="#">ESPAÑA</a></dd>
                <dd><a href="#">FRANCE</a></dd>
                <dd><a href="#">ITALIA</a></dd>
                <dd><a href="#">РОССИЯ</a></dd>
                <dd><a href="#">UNITED KINGDOM</a></dd>
            </dl>
            <dl>
                <dt>NORTH AMERICA</dt>
                <dd><a href="#">UNITED STATES</a></dd>
            </dl>
            <dl>
                <dt>SOUTH AMERICA</dt>
                <dd><a href="#">BRASIL</a></dd>
                <dd><a href="#">LATIN AMERICA</a></dd>
            </dl>
            <dl>
                <dt>ASIA - OCEANIA</dt>
                <dd><a href="#">中国</a></dd>
                <dd><a href="#">香港</a></dd>
                <dd><a href="#">HONG KONG</a></dd>
                <dd><a href="#">日本</a></dd>
                <dd><a href="#">한국</a></dd>
                <dd><a href="#">台灣</a></dd>
            </dl>
            <dl>
                <dt>INTERNATIONAL</dt>
                <dd><a href="#">INTERNATIONAL VERSION</a></dd>
            </dl>
        </div>
        <footer class="footer">
            <div class="footerNav">
                <a href="#" class="block">精品店</a>
                <a href="#" class="block">联系我们</a>
                <a href="#" class="block">职业生涯</a>
                <a id="popup_Buttom" class="block">中国 <span></span></a>
            </div>
            <span class="block">------</span>
            <span class="block">关注RIOR</span>
            <a href="#" class="block img"></a>
            <span class="block">------</span>
            <span class="block"> 沪ICP备10014525号 - 使用条款 - 个人信息</span>

        </footer>
    </div>

</div>


<script src="js/jquery-2.0.3.min.js"></script>
<script src="js/madam.js"></script>
</body>
</html>